<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>航延获赔</title>
<meta name="keywords" content="保单详情，众安保险，互联网保险，网上支付，保单查询，在线理赔，让保险有温度" />
<meta name="description" content="众安保险是国内首家也是唯一一家互联网保险公司，个性化定制风险解决方案，全方位采用互联网先进科技，追求流畅、贴心、温暖的用户体验。" />
<!--统一加载公共js与css文件-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimal-ui,maximum-scale=1.0,user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../image/apple_icon/zhongan_icon_52.png" />  
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../image/apple_icon/zhongan_icon_72.png" />  
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../image/apple_icon/zhongan_icon_114.png" />    
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../image/apple_icon/zhongan_icon_144.png" /> 
<link type="image/x-icon" rel="Shortcut Icon" href="../../image/apple_icon/zhongan_icon_144.png">
<link href="../../css/za-web-common.css" rel="stylesheet">
<script type="text/javascript" src="../../js/form/zepto.min.js"></script>
</head>
<body>
<div class="card-contain">
	<div class="content-slide">
		<div class="za-card-box za-card-box-hangyan">
			<div class="za-card-bluebg">
			    <div class="za-card-auto tl">
			      	<p class="txt16 tb">航班延误保险卡</p>
			    </div>
			</div>
			<div class="za-card-title">
				<div class="tl icon-claim-success">
					<p class="txt18">您获得了800元理赔红包！</p>
					<p>“等你赔”航延险：等待无奈 赔的爽快</p>
				</div>
			</div>
			<div class="za-card-whitebg">
				<div class="za-card-claim-time">
					<div class="time-box">
						<span class="time-amante">延误计时</span>
					</div>
					<div id="hour" class="time-box">
						<span></span>
						<span></span>
					</div>
					<div id="minute" class="time-box">
						<span></span>
						<span></span>
					</div>
					<div id="second" class="time-box">
						<span></span>
						<span></span>
					</div>
				</div>
			</div>
			<div class="za-card-info za-lt-dt">
            	<div class="zaw-btn-box">
              		<div class="zaw-btn-box-room"><a href="javascript:void(0);" class="zaw-btn zaw-btn-blue">分享给好友</a></div>
            	</div>
          	</div>
		</div>
	</div>
</div>
<script>
$(function(){
  getTime();
})
var getTime = function(){
	var getHour,getMin,getSec;
	var getTime = "2015-11-02 14:00:00";		//此处获取返回值
	getTime = getTime.replace(/-/g,'/');

	var current_date = new Date(getTime).getTime();
	var now_date = new Date().getTime();

	var seconds_left = (now_date - current_date) / 1000;
	seconds_left = seconds_left % 86400; 
	getHour = pad( parseInt(seconds_left / 3600) );
	seconds_left = seconds_left % 3600;  
	getMin = pad( parseInt(seconds_left / 60) );
	getSec = pad( parseInt( seconds_left % 60 ) );
	var getHour1 = getHour.substring(0, 1),
		getHour2 = getHour.substring(1, 2),
		getMin1 = getMin.substring(0, 1),
		getMin2 = getMin.substring(1, 2),
		getSec1 = getSec.substring(0, 1),
		getSec2 = getSec.substring(1, 2);
	if(getHour.length <= 1){
		$("#hour").find("span").eq(0).html("0");
		$("#hour").find("span").eq(1).html(getHour1);
	}
	if(getHour.length > 1){
		$("#hour").find("span").eq(0).html(getHour1);
		$("#hour").find("span").eq(1).html(getHour2);
	}
	if(getMin.length <= 1){
		$("#minute").find("span").eq(0).html("0");
		$("#minute").find("span").eq(1).html(getMin1);
	}
	if(getMin.length > 1){
		$("#minute").find("span").eq(0).html(getMin1);
		$("#minute").find("span").eq(1).html(getMin2);
	}
	if(getSec.length <= 1){
		$("#second").find("span").eq(0).html("0");
		$("#second").find("span").eq(1).html(getSec1);
	}
	if(getSec.length > 1){
		$("#second").find("span").eq(0).html(getSec1);
		$("#second").find("span").eq(1).html(getSec2);
	}
}
function pad(n) {
	return (n < 10 ? '0' : '') + n;
}
</script>
</body>
</html>